$(function () {
    //验证注册是否成功
    let verify = [false, false, false];
    //没有输入字符时，警告色开启
    $("input:not(:button)").on("focus", function () {
        $(this).siblings(".errorMsg").hide();
        $(this).css({ "background-color": "rgb(241, 241, 241)", "opacity": "0.5" });
        $(this).css({ "box-shadow": "0px 0px 3px #ff5c00" });
        $(this).siblings("label").css({ "top": "5px", "font-size": "12px", "color": "#838383" });
    }).on("blur", function () {
        if ($(this).prop("class") == "userId") {
            let reg = /(^\d{4,12}@\w{2,4}\.(com|cn|net)$)|(^(13|15|17|18|19)\d{9}$)/;
            let result = reg.test($(this).val());
            if ($(this).val().trim() == "" || !result) {
                $(this).val("");
                $(this).css({ "background-color": "rgba(255,92,0,0.1)" });
                $(this).siblings("label").css({ "top": "20px", "font-size": "16px", "color": "red" });
                $(this).siblings(".errorMsg").show();
                $(this).css({ "box-shadow": "0px 0px 0px #ff5c00" });
            } else {
                verify[0] = true;
            }
        } else if ($(this).prop("class") == "password") {
            let regUser = /^\w{6,18}$/;
            let resultUser = regUser.test($(this).val());
            if ($(this).val().trim() == "" || !resultUser) {
                $(this).val("");
                $(this).css({ "background-color": "rgba(255,92,0,0.1)" });
                $(this).siblings("label").css({ "top": "20px", "font-size": "16px", "color": "red" });
                $(this).siblings(".errorMsg").show();
                $(this).css({ "box-shadow": "0px 0px 0px #ff5c00" });
            } else {
                verify[1] = true;
            }
        } else if ($(this).prop("class") == "vrtCode") {
            if ($(this).val() == $(".verify-code").text()) {
                verify[2] = true;
            } else {
                alert("验证码有误");
            }
        }
    });

    //显示隐藏密码
    $(".closeEye").click(function () {
        $(this).toggle();
        $(".openEye").toggle();
        $(this).siblings(".password").prop("type", "text");
    });
    $(".openEye").click(function () {
        $(this).toggle();
        $(".closeEye").toggle();
        $(this).siblings(".password").prop("type", "password");
    });

    //二维码登录处提示标签
    $(".QRcode").hover(function () {
        $(this).find(".tooltip").stop(true, true).fadeToggle("300");
    }, function () {
        $(this).find(".tooltip").stop(true, true).fadeToggle("300");
    });

    //语言切换
    $(".charset").hover(function () {
        $(this).find(".select-down").stop(true, true).slideToggle(300);
    }, function () {
        $(this).find(".select-down").stop(true, true).slideToggle(300);
    });

    //点击注册/登录 切换模块
    $(".title-register").click(function () {
        //橙色下划线移动与文字改变
        $(this).siblings("div").css({ "left": "62px" });
        $(this).siblings(".title-login").css({ "font-size": "18px", "color": "#838383", "font-weight": "500" });
        $(this).css({ "font-size": "20px", "color": "black", "font-weight": "600" });

        // 模块切换
        $(this).parents(".title-module").siblings(".login-information").stop(true, true).fadeOut(150);
        $(this).parents(".title-module").siblings(".register-information").stop(true, true).fadeIn(150);
        //更新验证码
        $(".verify-code").text(verifyCode());
    });
    $(".title-login").click(function () {
        $(this).siblings("div").css({ "left": "0px" });
        $(this).siblings(".title-register").css({ "font-size": "18px", "color": "#838383", "font-weight": "500" });
        $(this).css({ "font-size": "20px", "color": "black", "font-weight": "600" });

        // 模块切换
        $(this).parents(".title-module").siblings(".login-information").stop(true, true).fadeIn(150);
        $(this).parents(".title-module").siblings(".register-information").stop(true, true).fadeOut(150)
    });

    //扫码登录和密码登录切换
    $(".QRcode").click(function () {
        $(this).parent().fadeToggle(1);
        $(this).parent().siblings().fadeToggle(1);
    });

    //常用答疑模块隐藏和显示
    $(".problem").find("svg").hover(function () {
        $(this).find("path").attr({ "fill": "#ff5c00" });
        $(this).siblings(".anwser_problem").slideToggle(300);
    }, function () {
        $(this).find("path").attr({ "fill": "#cdcdcd" });
        $(this).siblings(".anwser_problem").slideToggle(300);
    });

    //注册验证码动态生产
    function verifyCode() {
        let str = "1234567890zxcvbnmlkjhgfdsapoiuytrewq";
        let code = "";
        for (i = 0; i < 4; i++) {
            let index = Math.floor(Math.random() * str.length);
            code += str.charAt(index);
        }
        return code;
    }
    //点击验证码块，更换验证码
    $(".verify-module").click(function () {
        $(this).find(".verify-code").text(verifyCode());
    })


    //注册用户
    $(".register-btn").click(function () {
        if (!$(".agree").prop("checked")) {
            alert("请先同意小米的用户协议和隐私政策");
        }
        if (verify[0] && verify[1] && verify[2] && $(".agree").prop("checked")) {
            let userName = $(".register-information").find(".userId").val();
            let password = $(".register-information").find(".password").val();
            $.ajax({
                type: "POST",
                url: "../php/register.php",
                data: `userName=${userName}&password=${password}`,
                success: function (data) {
                    data = JSON.parse(data);
                    console.log(data);
                    if (data["status"]) {
                        alert("注册成功");
                        document.cookie = `userName=${userName};id=1231`;
                        window.location = "../html/main.html";
                    } else {
                        alert("用户名已存在");
                    }
                }
            });
        }
    })
    //登录检测
    $(".login-btn").click(function () {
        if (verify[0] && verify[1]) {
            let userName = $(".login-information").find(".userId").val();
            let password = $(".login-information").find(".password").val();
            $.ajax({
                type: "POST",
                url: "../php/login.php",
                data: `userName=${userName}&password=${password}`,
                success: function (data) {
                    data = JSON.parse(data);
                    if (data.length) {
                        alert("登录成功");
                        document.cookie = `userName=${userName}`;
                        window.location = "../html/main.html";
                    } else {
                        alert("账号或密码错误");
                    }
                }
            });
        }
    })
})